<!doctype html>
<html lang="en">
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-mobile-web-app-capable" content="yes">

    <!--<meta name="viewport" content="width=device-width, initial-scale=1">-->
    <!-- Bootstrap CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">

    <!--<link href="css/owl.carousel.css" rel="stylesheet" media="screen">-->
    <!--<link href="css/owl.theme.css" rel="stylesheet" media="screen">-->
    <link rel="stylesheet" href="css/midupcss.css">
    <link rel="stylesheet" href="css/grxscrollView.css">

   <link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css">

    <link href="css/animate.css" rel="stylesheet" type="text/css">

    <!--<link href="css/lanrenzhijia.css" rel="stylesheet" type="text/css" />-->

    <title>web个人简历</title>
    <!--<script src="js/j"></script>-->
    <style type="text/css">
        @font-face {
            font-family: 'Glyphicons Halflings';
            src: url('fonts/glyphicons-halflings-regular.eot');
            src: url('fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('fonts/glyphicons-halflings-regular.woff') format('woff'), url('fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
        }


        @font-face {font-family: "iconfont";
            src: url('fonts/iconfont.eot'); /* IE9*/
            src: url('fonts/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
            url('fonts/iconfont.woff') format('woff'), /* chrome, firefox */
            url('fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
            url('fonts/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
        }
    </style>
</head>
<body>
<!--导航条-->
<nav class="navbar navbar-inverse navbar-fixed-top">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">个人主页</a>
        </div>
        <div id="navbar" class="navbar-collapse collapse">
            <ul class="nav navbar-nav">
                <li><a onclick="menuChange(0)">基础资料</a></li>
                <li><a onclick="menuChange(1)">项目经验</a></li>
                <li><a onclick="menuChange(2)">专业技能</a></li>
                <li><a onclick="menuChange(3)">自我评价</a></li>
                <li class="dropdown">
                    <a class="dropdown-toggle" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                        联系方式
                        <span class="caret"></span>
                    </a>
                    <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
                        <li><a onclick="menuChange(6)">电话</a></li>
                        <li><a onclick="menuChange(0)">微信</a></li>
                        <li><a onclick="menuChange(6)">邮箱</a></li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
</nav>

个人主页
<div class="jumbotron">
    <div class="home">
        <div class="midup">
        <h1>iOS开发简历<span class="brand-heading">-- 桂 荣 信</span></h1>
        <p class="intro-text">喜欢技术，热爱挑战</p>
            <!--<p class="intro-text">喜欢技术，热爱挑战</p>-->
            <a href="#" class="btn btn-circle page-scroll " onclick="menuChange(0)">
                <i class="fa fa-angle-double-down"></i>
            </a>
            <!--<i class="fa fa-angle-double-down"></i>-->
        </div>
    </div>
</div>

<!--基本资料-->
<div id="midup2">
    <!--<div class="container">-->
        <div class="content2">
                <h1 class="meMessage">基本资料</h1>
                <hr>
        </div>


        <div class="content3">
            <!--<div class="container1">-->
            <ul >
                <li>
                    <i class="fa fa-address-book-o" aria-hidden="true"></i>
                    <h4><strong>个人信息</strong></h4>
                    <p>姓名:桂荣信&nbsp;&nbsp;<span>性别:男</span></p>
                    <p>年龄:28&nbsp;&nbsp;籍贯:河南</p>
                </li>
                <li >
                    <i class="fa fa-graduation-cap" aria-hidden="true"></i>
                    <h4><strong>专业学历</strong></h4>
                    <p>专业:计算机科学与技术</p>
                    <p>学历:本科</p>
                </li>
                <li>
                    <i class="fa fa-university" aria-hidden="true"></i>
                    <h4><strong>毕业学校</strong></h4>
                    <p>毕业学校:洛阳理工学院</p>
                    <p>学习技能：编程</p>
                </li>
                <li>
                    <i class="fa  fa-dot-circle-o" aria-hidden="true"></i>
                    <h4><strong>求职意向</strong></h4>
                    <p>意向:初级iOS开发</p>
                    <p>薪资：6500</p>
                </li>
            </ul>
        </div>

    <!--</div>-->

</div>


<!--项目经验-->
<div class="project">
    <h1 class="meMessage">项目经验</h1>
    <hr>
    <p style="color: red">提示：以下内容是为了展示动画效果，点击进入<a href="https://gitee.com/grx_1990/projects">码云</a>查看上传代码</p>
</div>
<div id="selectedImg" class="container ">

    <!-- Filter Controls - Simple Mode -->
    <div  class="row">
        <!-- A basic setup of simple mode filter controls, all you have to do is use data-filter="all"
        for an unfiltered gallery and then the values of your categories to filter between them -->
        <ul class="simplefilter">
            <li class="active" data-filter="all">全部</li>
            <li data-filter="1">城市</li>
            <li data-filter="2">夜景</li>
            <li data-filter="3">工业</li>
            <li data-filter="4">其他</li>
            <!--<li data-filter="5">夜景</li>-->
        </ul>
    </div>

    <div class="row">
        <!-- This is the set up of a basic gallery, your items must have the categories they belong to in a data-category
        attribute, which starts from the value 1 and goes up from there -->
        <!--问题：初始启动页面，图片加载被压缩
            解决：需要预先设置一张占位图片，然后js代码中改变src属性值
        -->
        <div class="filtr-container">
            <div class="col-xs-6 col-sm-4 col-md-3 filtr-item" data-category="3" data-sort="Busy streets">
                <img class="img-responsive" src="images/city_1.jpg" alt="sample image">
                <span class="item-desc">工业车轨</span>
            </div>
            <div class="col-xs-6 col-sm-4 col-md-3 filtr-item" data-category="1, 3" data-sort="Luminous night">
                <a><img class="img-responsive" src="images/city_1.jpg" alt="sample image"></a>
                <span class="item-desc">工业城市</span>
            </div>
            <div class="col-xs-6 col-sm-4 col-md-3 filtr-item" data-category="3" data-sort="City wonders">
                <img class="img-responsive" src="images/city_1.jpg" alt="sample image">
                <span class="item-desc">工业废铁</span>
            </div>
            <div class="col-xs-6 col-sm-4 col-md-3 filtr-item" data-category="1, 2" data-sort="In production">
                <img class="img-responsive" src="images/city_1.jpg" alt="sample image">
                <span class="item-desc">魅力城市</span>
            </div>
            <div class="col-xs-6 col-sm-4 col-md-3 filtr-item" data-category="1, 2" data-sort="Industrial site">
                <img class="img-responsive" src="images/city_1.jpg" alt="sample image">
                <span class="item-desc">魅力城市</span>
            </div>
            <div class="col-xs-6 col-sm-4 col-md-3 filtr-item" data-category="1, 4" data-sort="Peaceful lake">
                <img class="img-responsive" src="images/city_1.jpg" alt="sample image">
                <span class="item-desc">魅力城市</span>
            </div>
            <div class="col-xs-6 col-sm-4 col-md-3 filtr-item" data-category="4" data-sort="City lights">
                <img class="img-responsive" src="images/city_1.jpg" alt="sample image">
                <span class="item-desc">自然风景</span>
            </div>
            <div class="col-xs-6 col-sm-4 col-md-3 filtr-item" data-category="2, 4" data-sort="Dreamhouse">
                <img class="img-responsive" src="images/city_1.jpg" alt="sample image">
                <span class="item-desc">自然风景</span>
            </div>
            <div class="col-xs-6 col-sm-4 col-md-3 filtr-item" data-category="4" data-sort="Restless machines">
                <img class="img-responsive" src="images/city_1.jpg" alt="sample image">
                <span class="item-desc">自然风景</span>
            </div>
        </div>
    </div>
</div>





<!--专业技能-->
<div class="majorSkill">

    <div class="container content2">
        <h1 class="meMessage">专业技能</h1>
        <hr>
    </div>
    <div class="row">

            　　<div class="col-md-6" >
                    <img src="img/about.png" alt="电脑" class="img-responsive" >
                </div>

        　　　　<div class="col-md-6 content7">
                        <!--<div>-->
                            <!--<span>5511115</span>-->
                            <div class="yidong">
                                    <!--<span class="glyphicon glyphicon-phone"></span>-->
                                    <!--<span class="types">移动端</span>-->
                                <p>1.熟练掌握C、Objective-C语言，具有良好的编程风格和习惯，较强的分析和解决问题能力</i></p>
<p>2.熟练掌握AFNetworking、FMDB、SDWebImage、MJRefresh、Masonry等第三方库的熟练使用</p>
<p>3.熟练掌握xib 方面的使用及其自动布局，并且重复利用xib，迅速的更新页面需求</p>
                                <p>4.熟练掌握真机调试以及app发布流程</p>
                                <p>5.熟练掌握社交分享技术, 使用友盟 SDK 实现QQ、微信、微博等分享和三方登录功能</i></p>
                                <p>6.熟练掌握个UI控件的内部结构及使用布局</p>
                                <p>7.熟练使用CocoaPods第三方库管理工具</p>
                                <p>8.了解使用过RAC的替换,监听,监听通知的方法</p>
                                <p>9.了解使用过SQLite， CoreData数据库进行增删改查操作</p>
                                <p>10.熟练掌握AFNetworking进行数据请求操作，根据需求适当封装11.AFNetworking，并对XML、JSON数据解析</i></p>
                                <p>12.熟练使用过NSThread、NSOperation、GCD多线程编程技术</p>
                                <p>13.熟练掌握MVC、代理、单例、KVC、KVO、工厂模式、Block等设计模式</p>
                                <p>14.了解使用过runtime机制,动态添加成员变量与属性,实现方法交换</p>
                                <p>15.了解使用过苹果推送机制及极光推送机制</p>
                            </div>
              </div>

    </div>

</div>

<!--自我评价-->
<div id="testimonial">

    <div class="container content2">
        <h1 class="meMessage">自我评价</h1>
        <hr>
    </div>

    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel" style="width: 60%;">
        <!-- Indicators -->
        <ol class="carousel-indicators">
            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
            <li data-target="#carousel-example-generic" data-slide-to="1"></li>
            <li data-target="#carousel-example-generic" data-slide-to="2"></li>
        </ol>

        <!-- Wrapper for slides -->
        <div class="carousel-inner" role="listbox">
            <div class="item active">
                <p>热爱学习，良好的团队合作精神，能迅速融入新的团队，易相处，拥有良好的亲和力</p>
            </div>
            <div class="item">
                <p>能对新技术自学并熟练掌握, 协调性好,团队项目个人项目均可胜任。</p>
            </div>
            <div class="item">
                <p>具有较强的抗压能力。性格稳重、乐观、具有良好的团队合作精神，能很快适应公司文化。</p>
            </div>
        </div>

        <!-- Controls -->
        <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">上一张</span>
        </a>
        <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <span class="sr-only">下一张</span>
        </a>
    </div>
</div>

<!--联系方式-->
<div id="contact">
    <div class="container content8">
        <h1 class="meMessage">联系方式</h1>
        <hr>
    </div>

    <div class="row text-center">
        <div class="col-md-4">
        <span class="glyphicon glyphicon-map-marker"></span>
        <p>住址:浙江省杭州市西湖区骆家庄西苑一区</p>
        </div>
        <div class="col-md-4">
            <span class="glyphicon glyphicon-folder-close"></span>
            <p>Email:guirx1990@163.com</p>
        </div>
        <div class="col-md-4">
            <span class="glyphicon glyphicon-phone-alt"></span>
            <p>电话:15267120629</p>
        </div>
    </div>

    <div class="sendMessage">
            给我发邮件
    </div>

    <div class="send">
        <div class="row text-center">
            <div class="col-md-6">
                <div class="form-group">
                    <input type="text" id="name" class="form-control" placeholder="主题" required="required" aria-invalid="false">
                    <p class="help-block text-danger"></p>
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-group">
                    <input  type="email" id="email" class="form-control" placeholder="抄送邮箱" required="required" aria-invalid="false">
                    <p class="help-block text-danger danger-Waring"></p>
                </div>
            </div>

            <!--邮件内容-->
            <div class="form-group mail-content">
                <textarea name="message" id="message" class="form-control" rows="4" placeholder="内容" required="" aria-invalid="false"></textarea>
                <p class="help-block text-danger "></p>
            </div>
        </div>
        <div id="success">
            <button type="submit" class="btn btn-success">确认发送</button>
        </div>


    </div>

</div>

<!--尾部处理-->
<div id="footer">
    <div class="container-mine">
        <p>
            Copyright © 2018 作者：桂荣信. iOS开发
        </p>

        <ul>
            <li><i class="fa fa-weixin"></i></li>
            <li><i class="fa fa-weibo"></i></li>
            <li><i class="fa fa-twitter"></i></li>
            <li><i class="fa fa-facebook"></i></li>
        </ul>
    </div>
</div>


<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<!--<script src="js/owl.carousel.js"></script>-->

<script src="js/grxscrollView.js"></script>
<!--<script src="js/jquery.js" type="text/javascript"></script>-->
<script src="js/jquery.filterizr.min.js"></script>

<script src="js/index.js"></script>




<!--//图片筛选过滤器-->
<script type="text/javascript">
    $(function() {
        $('.filtr-container').filterizr();
    });
</script>

</body>
</html>